<?php
$this->jQuery()->enable();?>
<script>
var i = 1;
var j = 0;
var contDoc;
var ContDoc = jQuery.Class.create({
	// Inicia Classe
	init: function()
	{
		jQuery(document).ready(function(){
		 jQuery.ajax({
			 type: "POST",
			 url: "controledocumentos/dados",
			 dataType: "json",
			success: function(json){					
				if(json.status == 0){
					contDoc.modalCat();
				} else {
				   jQuery('#Opt').show();					
				}
			}
		 });
			contDoc.observaDoc();
			contDoc.lyDoc();
		});
	},

	modalCat: function(){		
		jQuery("#btnAddItem").click(function(){			
			var xhtml =
				    $.TR({'class':'item_linha_' + i},
		            $.TD({},$.LABEL({'for':'tituloId'}, "Titulo")),
		            $.TD({}, $.INPUT({class:'titulo', name: 'titulo[]' })),
		            $.TD({}, $.INPUT({class:'ordem', name: 'ordem[]', type: 'hidden', value: i})),
		            $.TD({},
		            		$.A({'class':'item_cross', 'rel':i, 'href':'javascript:void(0)'},
		            			$.INPUT({class:'item_cross', type: 'button', value: 'Del'})
		            		)
		            	)  
     			);
	         jQuery(".inCat").append(xhtml);
	         
	         contDoc.observerItemCross();
	         
			i++;
		});
		
		jQuery('#frmCat').dialog({
			buttons: {
				"Sair": function() {
					$( this ).dialog( "close" );
				},
				Salvar: function() {
					jQuery.ajax({
						 type: "POST",
						 url: "controledocumentos/save",
						 data: jQuery("input[name='titulo[]']").serialize() + '&' + jQuery("input[name='ordem[]']").serialize(),		
						 dataType: "json",				 
						success: function(json){
							if(json.status == 1){
								alert('Salvo com Sucesso');
								window.location.reload();
							}
						},
						error: function(){
								alert('Erro: 301x Favor comunicar a Genya');
						}
					 });
					 					 
					jQuery( this ).dialog( "close" );
				}
			},
			modal: true
		});
	},

	observerItemCross: function()
	{
		jQuery(".item_cross").click(function(){
			
			var elemDOM = ".item_linha_" + jQuery(this).attr('rel');
			jQuery(elemDOM).remove();
		});
	},
	lyDoc: function(){
		jQuery('#InsNovDoc').button();
		jQuery('#VisDoc').button();
	},

	// Observa Documento
	observaDoc: function()
	{
		jQuery('#SalvaDc').click(function(){
			jQuery.ajax({
				type: "POST",
				url: "controledocumentos/savedoc",
				//dataType: "json",
				success: function(json){
					alert(json);
				}
			
			});
		});

		
		jQuery('#InsNovDoc').click(function(){			
			jQuery('#tabs').show();		
			jQuery('#Opt').slideToggle();		
			jQuery('#CntInsNovDoc').show('slow', function() {

				jQuery.ajax({
					 type: "POST",
					 url: "controledocumentos/dadosall",
					 dataType: "json",
					success: function(json){
						for(var i=0; i<json.titulo.length;i++){
							var xhtml =	
					            $.LI({}, $.A({href:'#tabs-'+json.ordem[i],id: json.ordem[i]},json.titulo[i]))
			     			;
							jQuery(".teste").append(xhtml);	
						}
						for(var i=0; i<json.titulo.length;i++){
								var xhtml = $.DIV({id:'tabs-' + json.ordem[i]},
									  $.INPUT({type: 'button', id: 'teste',value: '>'}  ),
									  $.INPUT({type: 'text', id: 'teste', readonly: 'readonly', value: json.ordem[i] + '. ' + json.titulo[i]}),
									  $.INPUT({type: 'hidden', id: 'vlOrdem',value: json.ordem[i]}  ),    
									  $.INPUT({type: 'hidden', id: 'vlOrdemSub-'+json.ordem[i],value: '1'}  ),
							          $.TEXTAREA({rows:'10', cols:'55', class: 'txtArea-'+json.ordem[i],id: 'txtArea-0'}, json.ordem[i] + '. ' + json.titulo[i] )
							    );
								jQuery(".teste2").append(xhtml);
							    
						}
						jQuery( "#tabs" ).tabs();

						var valOrdem = jQuery('#vlOrdem').val();
						
						jQuery('a').click(function(){
							var id = jQuery(this).attr("id");
							contDoc.getTec(id);
						}); 
					},
					error: function(){
						alert('Erro: 302x ');
					}				
				 });				
			  });				
		});

		jQuery('#VltDc').click(function(){
			jQuery('#tabs').hide();
			jQuery('#Opt').slideToggle();
			jQuery('#CntInsNovDoc').hide();							
		});
		
		jQuery('#VisDoc').click(function(){
			jQuery('#CntInsNovDoc').dialog();
		});
	},

	domSubCategoria: function(id, subMenu){
		jQuery('#vlOrdemSub-'+id).val(subMenu);		
		alert(subMenu);
		jQuery('#txtArea-'+j).attr('readonly','readonly');
		
		j++;		
		var ordemSub = id + "." + subMenu + ".";		
		var xhtml2 = 
			  $.DIV({id:'tabs-'+id},
			  $.INPUT({type: 'button', id: 'teste',value: '>'}),
			  $.INPUT({type: 'text', id: 'teste2', readonly: 'readonly', value: ordemSub}),
			  $.INPUT({type: 'hidden', id: 'vlrOrdem-' + id, value: j}),
	          $.TEXTAREA({rows:'10', cols:'55', class: 'txtArea-' + id,id: 'txtArea-'+j, name: 'txtArea[]'})
	          );
		
		jQuery("#tabs-" + id).append(xhtml2);
		jQuery('#txtArea-'+j).focus();
		contDoc.getTec(id);
	},

	getTec: function(id){		
		var OrdSub = jQuery('#vlOrdemSub-'+id).val();
		OrdSub++;
		
		jQuery('.txtArea-'+id).bind('keypress', function(e) {
			if(e.keyCode==13){					
					contDoc.domSubCategoria(id, OrdSub);
				} 
		    });
	}
});


// Instancia Documento
var contDoc = new ContDoc();
</script>


<div id='frmCat' style='display: none;'>
    <div class='inCat'></div>
    <br/><br/>
    <button id='btnAddItem'>Adicionar</button>
</div>

<div id='tabs'>
<ul>
<div class='teste' ></div>
<ul>
<br/><br/>
<div class='teste2' ></div>
</div>

<div id='Opt' style='display: none;'>
	<button id='InsNovDoc'> Inserir novo Documento </button>
	<button id='VisDoc'> Visualizar Documenta&ccedil;&atilde;o </button>
</div>


<div id='CntInsNovDoc' style='display: none;'>
	<button id='VltDc'> Voltar </button>
	<button id='SalvaDc'> Salvar </button>
</div>